<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
		<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
		<link rel="stylesheet" type="text/css" href="scss/commonality.css" />
		<link rel="stylesheet" type="text/css" href="scss/normalize.css" />
		<link rel="stylesheet" type="text/css" href="scss/contant.css" />
		<link rel="stylesheet" href="scss/roll.css">
		<title>联系我们</title>
		<link rel="shortcut icon" href="xyw.ico"/>
		<!--引用百度地图API-->

		<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	</head>

	<body>
		<!--横向滚动部分-->
		<div class="scrollBar">
			<marquee onMouseOut="this.start()" onMouseOver="this.stop()" behavior="scroll" direction="left" vspace="10px" hspace="10px" scrollamount="5px">
				下期开班信息：5月10日--蒲公英测试14期&nbsp;&nbsp;<a href="contactUs.html">点击咨询</a>
			</marquee>
		</div>
		<!--头部模块开始-->
		<div class="header">
			<div class="inner">
				<a href="index.html" class="logo">
					<img src="images/XYWlogo1_03.png" alt="" height="50" width="auto" class="fl" />
					<p class="fl">新猿旺</p>
				</a>
				<ul>
					<li>
						<a href="index.html">
							首页
						</a>
					</li>
					<li class="dropdown">
						<a href="pythonAutomation.html">自动化系列</a>
						<div class="dropdown-content ">
							<a href="pythonAutomation.html">python自动化</a>
							<a href="javaAutomation.html">java自动化</a>
						</div>
					</li>
					<!--<li>-->
					<!--<a href="#">测试开发系列</a>-->
					<!--</li>-->
					<!--<li><a href="#">软件测试系列</a></li>-->
					<li class="dropdown">
						<a href="btainEmployment.html">测试就业班</a>
						<!--<div class="dropdown-content ">-->
						<!--<a href="#">稳定就业班级</a>-->
						<!--<a href="#">极速就业班</a>-->
						<!--</div>-->
					</li>
					<li class="dropdown">
						<a href="benefit.html">更多精彩</a>
						<div class="dropdown-content ">
							<a href="benefit.html">永久福利</a>
							<a href="students-voice.html">学员心声</a>
						</div>
					</li>
					<li>
						<a href="contactUs.html" style="color: #325A91;font-weight: 600;">联系我们</a>
					</li>
					<li class="dropdown">
						<a href="http://47.95.253.175/bbs/" target="_blank">论坛</a>
					</li>
				</ul>
				<!--<div class="login">-->
				<!--<span>您好，欢迎来到新猿旺！</span>-->
				<!--<a href="login.html">请登录/</a>-->
				<!--<a href="register.html">注册</a>-->
				<!--</div>-->
			</div>
		</div>
		<!--头部模块结束-->
		<!--banner start-->
		<img src="images/5.jpg" alt="" width="100%" />
		<!--banner end-->
		<!--contact信息 start-->
		<div class="conMess">
			<div class="inner">
				<h1>联系我们</h1>
				<div class="cpMess">
					<div class="bjcp">
						<div class="img">
							<img src="images/cyds.png" alt="" />
						</div>
						<div class="mess">
							<h3>总部办公地点</h3>
							<span>地址：燕郊创业大厦C411室</span>
							<span>电话：1881469270</span>
							<span>邮箱：1881469270@163.com</span>
						</div>

					</div>
					<div class="bjcp">
						<div class="img">
							<img src="images/xyw-school-pl.jpg" alt="" />
						</div>
						<div class="mess">
							<h3>分公司办公地点</h3>
							<span>地址：平凉市盘旋路恒润大厦1706室</span>
							<span>电话：13611386138</span>
							<span>邮箱：1881469270@163.com</span>
						</div>

					</div>
				</div>
			</div>

		</div>
		<!--contact信息 end-->
		<!--百度地图容器-->
		<div class="map">
			<div class="inner">
				<h1>总部地址</h1>
				<div style="margin: 0 auto; width:1000px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
			</div>
		</div>
		<!--footer 开始-->
		<div id="footer" class="footer">
			<div class="address-Phoe fl">
				<h2>快来加入我们吧  Join Us</h2>
				<br />
				<br />
				<p>北京地址：北京东燕郊经济开发区创业大厦C411</p>
				<p>联系电话：曹老师 18811469270</p>
				<br />
				<p>甘肃地址：平凉市盘旋路恒润大厦1706</p>
				<p>联系电话：13611386138</p>
			</div>
			<div class="erweima">
				<!--<div class="fr">-->
				<!--&lt;!&ndash;<p>官方公众号</p>&ndash;&gt;-->
				<!--&lt;!&ndash;<img src="images/xyw_gzh.jpg" alt="" width="50%" height="auto"/>&ndash;&gt;-->
				<!--</div>-->
				<div class="fr">
					<p>官方微信号</p>
					<img src="images/xyw-erweima-zx.png" alt="" width="50%" height="auto"/>
					<p>咨询微信</p>
				</div>
				<div class="fr">
					<p>官方公众号</p>
					<img src="images/xyw_gzh.jpg" alt="" width="50%" height="auto"/>
					<p>关注新猿旺微信公众号</p>
				</div>
			</div>
			<div class="copyright">
				<span class="cprt"><img src="images/TB.png" alt="">新猿旺科技有限公司</span>
			</div>
		</div>
		<!--footer-->
	</body>
	<script type="text/javascript">
		//创建和初始化地图函数：
		function initMap() {
			createMap(); //创建地图
			setMapEvent(); //设置地图事件
			addMapControl(); //向地图添加控件
			addMarker(); //向地图中添加marker
		}

		//创建地图函数：
		function createMap() {
			var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
			var point = new BMap.Point(116.820914, 39.971976); //定义一个中心点坐标
			map.centerAndZoom(point, 18); //设定地图的中心点和坐标并将地图显示在地图容器中
			window.map = map; //将map变量存储在全局
		}

		//地图事件设置函数：
		function setMapEvent() {
			map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
			map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
			map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
			map.enableKeyboard(); //启用键盘上下左右键移动地图
		}

		//地图控件添加函数：
		function addMapControl() {
			//向地图中添加缩放控件
			var ctrl_nav = new BMap.NavigationControl({
				anchor: BMAP_ANCHOR_TOP_LEFT,
				type: BMAP_NAVIGATION_CONTROL_LARGE
			});
			map.addControl(ctrl_nav);
			//向地图中添加缩略图控件
			var ctrl_ove = new BMap.OverviewMapControl({
				anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
				isOpen: 1
			});
			map.addControl(ctrl_ove);
			//向地图中添加比例尺控件
			var ctrl_sca = new BMap.ScaleControl({
				anchor: BMAP_ANCHOR_BOTTOM_LEFT
			});
			map.addControl(ctrl_sca);
		}

		//标注点数组
		var markerArr = [{
			title: "三河市新猿旺科技有限公司",
			content: "",
			point: "116.820927|39.971997",
			isOpen: 1,
			icon: {
				w: 23,
				h: 25,
				l: 46,
				t: 21,
				x: 9,
				lb: 12
			}
		}];
		//创建marker
		function addMarker() {
			for(var i = 0; i < markerArr.length; i++) {
				var json = markerArr[i];
				var p0 = json.point.split("|")[0];
				var p1 = json.point.split("|")[1];
				var point = new BMap.Point(p0, p1);
				var iconImg = createIcon(json.icon);
				var marker = new BMap.Marker(point, {
					icon: iconImg
				});
				var iw = createInfoWindow(i);
				var label = new BMap.Label(json.title, {
					"offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)
				});
				marker.setLabel(label);
				map.addOverlay(marker);
				label.setStyle({
					borderColor: "#808080",
					color: "#333",
					cursor: "pointer"
				});

				(function() {
					var index = i;
					var _iw = createInfoWindow(i);
					var _marker = marker;
					_marker.addEventListener("click", function() {
						this.openInfoWindow(_iw);
					});
					_iw.addEventListener("open", function() {
						_marker.getLabel().hide();
					})
					_iw.addEventListener("close", function() {
						_marker.getLabel().show();
					})
					label.addEventListener("click", function() {
						_marker.openInfoWindow(_iw);
					})
					if(!!json.isOpen) {
						label.hide();
						_marker.openInfoWindow(_iw);
					}
				})()
			}
		}
		//创建InfoWindow
		function createInfoWindow(i) {
			var json = markerArr[i];
			var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
			return iw;
		}
		//创建一个Icon
		function createIcon(json) {
			var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
				imageOffset: new BMap.Size(-json.l, -json.t),
				infoWindowOffset: new BMap.Size(json.lb + 5, 1),
				offset: new BMap.Size(json.x, json.h)
			})
			return icon;
		}

		initMap(); //创建和初始化地图
	</script>

</html>